﻿.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px Gray; background-color: #F7F3F3; 
}

.validatorCalloutHighlight
{
	border:solid 1px red!important;
    background-color: #FFF4F4!important;
}

/**************************************/
.GridViewMouseOver
{
	background-color:#E1E1E1;
	color:Black;
}

.GridViewRowSelected
{
	background-color:#6C9DDA;
	color:#333333;
}

.GridViewRowAlternating
{
    background-color:#BED6EC;
	color:#000066;
}

.GridViewHeader
{
    background-repeat:repeat-x;
    background-position:0 -5px;
	background:silver;
	text-align:center;
	font-weight:bold;
	background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.headergridbackground.png")%>'); 
}

.gridViewPagAnt
{
    background-color:White;
    background-image:url('<%=WebResource("GandA.Web.UI.Controls.Imgs.btnQ.png")%>');
    background-repeat:no-repeat;
    width:15px;
    height:13px;
}

.gridViewPagSig
{
    background-color:White;
    background-image:url('<%=WebResource("GandA.Web.UI.Controls.Imgs.btnA.png")%>');
    background-repeat:no-repeat;
    width:15px;
    height:13px;
}

.gridViewPagFirst
{
    background-color:White;
    background-image:url('<%=WebResource("GandA.Web.UI.Controls.Imgs.btnQt.png")%>');
    background-repeat:no-repeat;
    width:15px;
    height:13px;
}

.gridViewPagLast
{
    background-color:White;
    background-image:url('<%=WebResource("GandA.Web.UI.Controls.Imgs.btnAt.png")%>');
    background-repeat:no-repeat;
    width:15px;
    height:13px;
}

.gridViewHiddenPager
{
    display:none;
}

.gridViewHiddenHeader
{
    display:none;
}

.gridViewFooterPag
{
    background-color:#F9F9F9;
    border-right:1px solid currentColor;
    border-left:1px solid currentColor;
    border-bottom:1px solid currentColor;
    height:20px;
}

.gridViewFooter
{
    background-color:#F9F9F9;
    border-right:1px solid currentColor;
    border-left:1px solid currentColor;
    border-bottom:1px solid currentColor;
    height:20px;
}

a.gridViewSortHeader { color: black; text-decoration:none; }
a.gridViewSortHeader:link { color: #5c5c5c; text-decoration:none; }
a.gridViewSortHeader:hover, a.gridViewSortHeader:visited {
	color:#3399FF;
	text-decoration:underline;
}

/* con selectores, puede ir con ">" o sin
td > a:hover, td a:visited {
	color:#3399FF;
	text-decoration:underline;
}*/

.textbox
{
	border:1px solid gray;
	text-decoration: none;
	font-family:Arial, Helvetica, "Trebuchet MS", sans-serif;
	color:#333333;
	height:19px;
}
/*
fieldset {
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border: 1px solid #999;
}
	fieldset ul {
		margin:0px;
		padding:0px;
		display: table;
		border-collapse: separate;
     	border-spacing: 10px;
	}
		fieldset ul li {
			display: table-cell;
			list-style: none;
			width: 100px;
			height: 100px;
			padding: 10px;
			text-align: center;
			vertical-align:middle;
			border-radius: 5px;
			-moz-border-radius:5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border: 1px solid #999;
			border: 1px solid #ccc;
		}
		
		label, input { cursor: pointer;}

legend {
	font-weight: bold;
	text-transform:uppercase;
	padding: 0px 10px;
}
*/

/***** check-box *****/

/* estilo 01 */
input[type=checkbox].check_01 {display: none;}
input[type=checkbox].check_01 + label { 
	background: #fff; 
	display: inline-block; 
	width: 82px; 
	height: 24px; 
	background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.check_01.png")%>');
	background-position: 0px 0px;
	background-repeat:no-repeat;
	text-indent: -1000em; 
}

input[type=checkbox].check_01:checked + label { background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.check_01.png")%>');
                                                background-position: 0px -24px;
	                                            background-repeat:no-repeat;}

/* estilo 02 */
li.check_02 { width: auto;}
li.check_02 br { margin-bottom: 10px;}
label.check_02 { /*float: left;*/ padding-left: 10px;}
input[type=checkbox].check_02 {display: none;}
input[type=checkbox].check_02 + label { 
	background: #fff; 
	display: inline-block; 
	width: 16px; 
	height: 16px; 
	background-position: 0 0;
    background-repeat:no-repeat;
	background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.check_02.png")%>'); 
	text-indent: -1000em; 
}

input[type=checkbox].check_02:checked + label  
{
    background-position: 0 -16px;
	background-repeat:no-repeat;
    background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.check_02.png")%>');
}

/* estilo 03 */
input[type=checkbox].check_03 {display: none;}
input[type=checkbox].check_03 + label { 
	background: #fff; 
	display: inline-block; 
	width: 160px; 
	height: 45px; 
	background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.check_03.png")%>'); 
	background-position: 0px 0px;
    background-repeat:no-repeat;
	text-indent: -1000em; 
}

input[type=checkbox].check_03:checked + label { background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.check_03.png")%>');
                                                background-position: 0px -45px;
	                                            background-repeat:no-repeat;}


/***** radio-box *****/

/* radio-box grupo 01*/
li.radio_01 { width: auto;}

li.radio_01 input[type=radio] { display: none;}
li.radio_01 input[type=radio] + label { 
	color: #000; 
	display: block; 
	/*float: left;*/
	width: auto; 
	height: 58px;
	text-indent: -1000em;
}

li.radio_01 input[type=radio].primero + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_01.png")%>');
                                              			  background-position: 0px 0px;
	                                                      background-repeat:no-repeat; }
li.radio_01 input[type=radio].primero:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_01.png")%>');
                                                      	  background-position: 0px -58px;
	                                                      background-repeat :no-repeat; }

li.radio_01 input[type=radio].ultimo + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_01.png")%>');
                                             			  background-position: 100% 0px;
	                                                      background-repeat:no-repeat; width: 189px; }
li.radio_01 input[type=radio].ultimo:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_01.png")%>');
                                                     	  background-position: 0px -58px;
	                                                      background-repeat :no-repeat; }

/* radio-box grupo 02*/
li.radio_02 { width: auto;}

li.radio_02 label { /*float: left*/; padding-left: 10px;}
li.radio_02 input[type=radio] { display: none;}
li.radio_02 input[type=radio] + label { 
	color: #000; 
	display: block; 
	/*float: left;*/
	width: 16px; 
	height: 16px;
	text-indent: -1000em;
}

li.radio_02 input[type=radio] + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_02.png")%>');
                                      			  background-position: 0px 0px;
	                                              background-repeat :no-repeat;}
li.radio_02 input[type=radio]:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_02.png")%>');
                                              	  background-position: 0px -16px;
	                                              background-repeat :no-repeat;}

/* radio-box grupo 03*/
li.radio_03 { width: auto; background: #333;}

li.radio_03 input[type=radio] { display: none;}
li.radio_03 input[type=radio] + label { 
	color: #000; 
	display: block; 
	/*float: left;*/
	height: 38px;
	width: 46px;
	text-indent: -1000em;
}

li.radio_03 input[type=radio].check_01 + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                               			  background-position: 0px 0px;
	                                                      background-repeat: no-repeat;}
li.radio_03 input[type=radio].check_01:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                                       	  background-position: 0px -38px;
	                                                      background-repeat: no-repeat;}

li.radio_03 input[type=radio].check_02 + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                               			  background-position: -46px 0px;
	                                                      background-repeat: no-repeat;}
li.radio_03 input[type=radio].check_02:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                                       	  background-position: -46px -38px;
	                                                      background-repeat: no-repeat;}

li.radio_03 input[type=radio].check_03 + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                               			  background-position: -92px 0px;
	                                                      background-repeat: no-repeat;}
li.radio_03 input[type=radio].check_03:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                                       	  background-position: -92px -38px;
	                                                      background-repeat: no-repeat;}

li.radio_03 input[type=radio].check_04 + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                               			  background-position: -138px 0px;
	                                                      background-repeat: no-repeat;}
li.radio_03 input[type=radio].check_04:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                                       	  background-position: -138px -38px;
	                                                      background-repeat: no-repeat;}

li.radio_03 input[type=radio].check_05 + label 			{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                               			  background-position: -184px 0px;
	                                                      background-repeat: no-repeat;}
li.radio_03 input[type=radio].check_05:checked + label 	{ background-image: url('<%=WebResource("GandA.Web.UI.Controls.Imgs.radio_03.png")%>');
                                                       	  background-position: 184px -38px;
	                                                      background-repeat: no-repeat;}